<!DOCTYPE html>
<html lang="en">
<head>
  <title></title>
  <meta charset="utf-8">
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
  <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
  <!--[if lt IE 9]>
    <script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
  	<script type="text/javascript" src="js/html5.js"></script>
  <![endif]-->

</head>

<body id="page4">
		<div class="main">
			<!--header -->
			<div class="wrapper"><div id="top">
				<nav>
					<ul id="top_nav">
						<li><a href="sitemap.html">Sitemap</a></li>
						<li class="bg_none"><a href="http://staging.treashares.com/pepsi/login">Login</a></li>
					</ul>
				</nav>
				<script>
				    var now = new Date();
				    document.write(now.toLocaleString());
                </script>
			</div></div>
			<div class="box"><div class="box_top_left"><div class="box_top_right">
			<header>
				<div class="wrapper">
					<h1><a href="index-0.html" id="logo"><span>T</span>reashares <strong>2</strong><span class="slogan">Trusted Treasury Technology</span></a></h1>
					<nav>
						<ul id="menu">
							<li><a href="index-0.html"><span><span>Home</span></span></a></li>
							<li><a href="index-1.html"><span><span>About</span></span></a></li>
							<li><a href="index-2.html"><span><span>Services</span></span></a></li>
							<li id="menu_active"><a href="index-3.html"><span><span>Projects</span></span></a></li>
							<li><a href="index-4.html"><span><span>FAQs</span></span></a></li>
							<li><a href="index-5.html"><span><span>Contacts</span></span></a></li>
						</ul>
					</nav>
				</div>
				<div class="bord"></div>
			</header>
			<!--header end-->
			<!--content -->
			<section id="content">
						<div class="line1 wrapper">
					<article class="col1 pad_left1">
						<h2>Last added</h2>
						<p class="font1">Euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipi ster port ste rsen amet gaselu milsie porta sterse.</p>
						<p class="pad_bot2">
								Ruri enntes nasetur memo nulla duie feugiater male suada odio. Morbi nunc odio gridem sere aecenas tris tique orci ac sealest amet erosers. Lorem ip dolor sit amet consectetuer adipiuris fermentum dict oreet aliquam let.</p>
						<figure class="pad_bot1"><img alt="" src="images/page4_img1.jpg"></figure>
						<ul class="list3 under">
								<li><a href="#">Enntes nasetur memo nulla duie feugiat ster</a></li>
								<li><a href="#">Male suada odio. Morbi nunc</a></li>
								<li><a href="#">Odio gridem aecenas tris tique orci acseres</a></li>
								<li><a href="#">Sealest amet eros. Lorem ip dolor</a></li>
								<li><a href="#">Sit amet consectetuer adipiuris fermentum</a></li>
								<li><a href="#">Enntes nasetur memo nulla duie feugiat ster</a></li>
								<li><a href="#">Male suada odio. Morbi nunc ster</a></li>
								<li><a href="#">Odio gridem aecenas tris tique orci acseres</a></li>
						</ul>
						<ul class="list3 pad_bot2">
								<li><a href="#">Odio gridem aecenas tris tique orci acseres</a></li>
								<li><a href="#">Sealest amet eros. Lorem ip dolor</a></li>
								<li><a href="#">Sit amet consectetuer adipiuris fermentum</a></li>
								<li><a href="#">Enntes nasetur memo nulla duie feugiat ster</a></li>
								<li><a href="#">Male suada odio. Morbi nunc ster</a></li>
								<li><a href="#">Odio gridem aecenas tris tique orci acseres</a></li>
								<li><a href="#">Sealest amet eros. Lorem ip dolor</a></li>
						</ul>
						<a href="#" class="link1">read More</a>
					</article>
					
					<article class="col2 pad_left1">
						<h2>Working conditions</h2>
						<p class="font1">Rem ipsum dolor sit amet, consectetuer adipiscing elit. Pellen tesque sed dolor ster por trse nmate haslelu milsie port rsen mater. Rem ipsum dolor sit amet, consectetuer adipiscing elit. Pellen tesque sed dolor ster por trse nmate haslelu milsie port rsen mater ster porta. </p>
						<p class="pad_bot2">
								Memo nulla duie feugiat male suada odio. Morbi nunc odio gridem aecenas tris tique orci ac sealest amet eros. Lorem ip dolor sit amet consectetuer adipiuris fermentum dict oreet aliquam let tellus dpibus eget elementum vel cusus eleifend elit. Aenean auctor wisi et urna. Aliqurat volutpapis. Integer rutrum ante eu lacuestibulum libero nisl porta vel.scelerisque eget malesat nequ.ivamus eget nibh. Etiamursus leo vel metus. Nulla facilisi. Aenean nec eros. </p>
						<div class="under2"><a href="#" class="link1">read More</a></div>
						<h2>Featured projects</h2>
						<p class="font1">Sequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellen tesque sed dolor ster por trse nmate haslelu milsie port rsen mater stre porta. </p>
						<p>
								Eenntes nasetur memo nulla duie feugiat male suada odio. Morbi nunc odio gridem aecenas tris tique orci ac sealest amet eros. Lorem ip dolor sit amet consectetuer adipiuris fermentum dict oreet liquam let tellus dpibus eget elementum vel cusus eleifend elit. Aenean auctor.</p>
						<div class="wrapper pad_bot2">
							<figure class="left marg_right1"><img src="images/page4_img2.jpg" alt=""></figure>
							<p class="font1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor stre port rse nam.</p>
							<p class="pad_bot2">
							Enntes nasetur memo nulla duie feugiat male suada odio nunc odio gridem stre aecenas tristique orci ac sealest amet eros rem ip dolor sit amet consectetuer adipiuri.</p>
							<a href="#" class="link1">read More</a>
						</div>
						<div class="wrapper  pad_bot2">
							<figure class="left marg_right1"><img src="images/page4_img3.jpg" alt=""></figure>
							<p class="font1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor stre port rse nam.</p>
							<p class="pad_bot2">
							Enntes nasetur memo nulla duie feugiat male suada odio nunc odio gridem stre aecenas tristique orci ac sealest amet eros rem ip dolor sit amet consectetuer adipiuri.</p>
							<a href="#" class="link1">read More</a>
						</div>
						
						<a href="#" class="link1">read More projects</a>
					</article>
				</div>
			</section>
			</div></div></div>
			<div class="box_bot_left"><div class="box_bot_right"><div class="box_bot">
			</div></div></div>
			<!--content end-->
			<!--footer -->
			<footer>
				Treashares  &copy; 2011 • <a href="index-6.html">Privacy Policy</a><br>
				<!-- {%FOOTER_LINK} -->
			</footer>
			<!--footer end-->
		</div>
</body>
</html>